@charset "utf-8";
/* CSS Document */
* {margin:0;}
.warp{width:1012px; height:524px;overflow:hidden;}
.contentmain{margin:0px;font-size:12px;}
.top{float:left;width:1012px;height:20px;background:url(../images/server/server_01.jpg) no-repeat;}
.middle{float:left;width:1012px;height:479px;background:url(../images/server/server_02.jpg) repeat-y;}
.bottom{float:left;width:1012px;height:10px;background:url(../images/server/server_43.jpg) no-repeat;}

.mleft{float:left;margin-top:4px;width:211px;margin-left:10px;}
*html .mleft{margin-left:5px;}
.friendlist{float:left;width:205px;height:402px;overflow-y:auto;overflow-x:hidden;margin-top:5px;}
.face{float:left;width:210px;height:95px;background:#FFF;}
.facetitle{float:left;width:210px;height:25px;background:url(../images/server/face_01.jpg) no-repeat;}
.facemain{float:left;width:210px;height:70px;background:url(../images/server/face_02.jpg) no-repeat;}
.user{width:210;height:76px;background:url(../images/user_02.jpg) no-repeat;}
.userimage{border:#666 1px solid;}
.image{width:54px;height:55px;background:url(../images/imagebg.jpg); margin-left:15px;}
.mltop{float:left;width:210px;height:25px; background:url(../images/server/server_08.jpg) repeat-x;margin-top:5px;}
.mlmiddle{float:left;width:211px;background:url(../images/server/server_13.jpg) repeat-y;height:344px;}
.mlbottom{float:left;width:211px;background:url(../images/server/server_38.jpg) no-repeat;height:6px;}


.userheadimage{width:448px;height:349px;}
.userheadtop{width:448px;height:24px;background:url(../images/userheadimage1.jpg) no-repeat;float:left;}
.userheadbottom{width:448px;height:325px;background:url(../images/userheadimage2.jpg) no-repeat;float:left;padding:2px;}
.picborder{width:48px;height:48px;border:#666 1px solid;}
.picpadding{width:60px;height:60px;float:left;}
.btnupdateimage{width:72px;height:26px;background:url(../images/btnimageupdate.jpg) no-repeat;border:none;}
.btnclose{width:29px;height:24px;background:url(../images/closebtn.jpg) no-repeat;border:none;}
.btnblack{background:url(../images/btnsend.jpg) no-repeat;width:72px;height:26px;border:none;}

.mcenter{float:left;margin-top:4px;width:569px;margin-left:10px;}
*html .mcenter{margin-left:5px;}
.mctop{float:left;width:569px;height:25px;background:url(../images/server/server_09.jpg) no-repeat;}
.mcmiddle{float:left;width:569px;height:444px;background:url(../images/server/server_14.jpg) repeat-y;text-align:left;}
.search{float:left;width:569px;height:49px;}

.tabs{float:left;width:564px;height:25px;background:url(../images/server/server_25.jpg) repeat-x;margin-left:2px;}
*html .tabs{margin-left:1px;}
.td01{background:url(../images/server/server_24.jpg) no-repeat;width:98px;height:25px;cursor:hand;margin-top:0px;}
.td02{background:url(../images/server/server_26.jpg) no-repeat;width:98px;height:25px;cursor:hand;margin-top:0px;}

.tableft{color:#5a5d5a;}
.tabright{color:#fff;}

.Contentbox02{float:left;width:569px;height:279px;}
.chat{float:left;width:546px;height:257px;overflow-y:scroll;overflow-x:hidden;line-height:20px; vertical-align:top; padding:10px;}
.tool{float:left;width:567px;height:20px;float:left;padding:0px;}
.btn001{width:19px;height:20px;float:left;}

.inputarea{float:left;width:568px;height:50px;}
.chatting{width:420px;margin-left:2px;padding-left:5px;padding-top:5px;border:none;border-right:#b5dff7 1px dashed;height:67px;background:#f7f7f7;overflow:auto;}
.sendbtn{width:61px;height:49px;background:url(../images/btn.jpg) no-repeat;border:none;}
.pleft{margin-left:24px;}


.mcbottom{float:left;width:569px;height:6px;background:url(../images/server/server_39.jpg) no-repeat;}

.mright{float:left;margin-top:4px;width:196px;margin-left:10px;}
*html .mright{margin-left:5px;}
.mrtop{float:left;width:196px;height:25px;background:url(../images/server/server_11.jpg) no-repeat;}
.mrmiddle{float:left;width:196px;height:444px;background:url(../images/server/server_15.jpg) repeat-y;}
.mrbottom{float:left;width:196px;height:6px;background:url(../images/server/server_40.jpg) no-repeat;}
.list{overflow-y:scroll;overflow-x:hidden;float:left;height:439px;width:190px;padding-left:0px;margin-top:5px;}

.list a:link{color:#000; text-decoration:none;}
.list a:hover{color:#000; text-decoration:underline;}
.list a:visited{color:#000;text-decoration:none;}
.list li{margin-top:5px;}
.dblue{color:#1a69c5;}
.dred{color:#c51a1a; margin-bottom:-10px;}

.message{float:left;width:565px;height:20px;padding-left:1px;background:url(../images/bgmobile.jpg) repeat-x;border-left:#656566 1px solid;border-right:#656566 1px solid;}
.imagestab{float:left;margin-top:-113px;padding:4px;width:auto;height:auto;border:#4a79bd 1px solid;background:#f7fbff;z-index:3;}
*html .imagestab{margin-top:-238px;}
.imgbg{width:40px;height:30px;border:#dee7f7 1px solid;padding-left:3px; border-collapse:collapse; text-align:center;}
.red{color:#f00;}
.friendlist ul{margin:0px; padding:0px; list-style:none;}
.friendlist table{margin-bottom:10px;}
.drfrdlist{float:left;width:120px;height:270px;overflow-x:hidden;overflow-y:scroll;border:#999 1px solid;background:#fff;margin-top:5px;padding-left:10px;}
.drfrdlist ul{margin:0px;padding:0px;list-style:none;}
.drfrdlist ul li{margin-top:5px;}
.btnqd{width:50px;height:24px;background:url(../images/server/qd.jpg) no-repeat;border:none;}
.btncz{width:50px;height:24px;background:url(../images/server/cz.jpg) no-repeat;border:none;}
.btndrlt{width:80px;height:24px;background:url(../images/server/drlt.jpg) no-repeat;border:none;}